import React, { Component } from 'react';
import {render} from 'react-dom';
import { withStyles } from 'material-ui/styles';
import { Tabs } from 'react-bootstrap';
import { Tab } from 'react-bootstrap';
import {TabContent} from 'react-bootstrap';
import {Button} from 'react-bootstrap';
import {ButtonToolbar} from 'react-bootstrap';
import Close from 'material-ui-icons/Close';

class BrowserTab extends Component {
    render(){
        const { classes } = this.props;
        let closeTab = (<Close />);
        return(
            <div className={classes.tabStyle}>
                <h1>{this.props.browserKey}</h1>
                <Close />
            </div>
        );
    }
}

const styles = {
    tabStyle:{
        width:20,
        height:10,
    }
}

//export default BrowserTab;
export default withStyles(styles)(BrowserTab);